/deep/ .yaokongPersonDialog{
  background: rgba(2, 22, 42, .9);
  // max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    display: flex;
    align-items: center;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
      flex:1;
      overflow: hidden;
      margin-right: 40px;
      font-size: 16px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 120px;
          color: #dee2e5;
        }
        .el-input,.el-select{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: hidden;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .yaokongDialog, /deep/ .operateRecordDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 70%;
  // height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: auto;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .operateRecordDialog {
  pointer-events: auto;
  margin-right:34%;
}
.remote-measurement-wrapper {
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  .remote-measurement-table {
    max-height: 660px;
    overflow-y: auto;
  }
  table {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    border-color: #FFFFFF;
    thead {
      position: sticky;
      top: 40px;
      background-color: #000000;
    }
    th, td {
      padding: 4px;
      font-size: 16px;
    }
  }
}
.netState-wrapper{
  font-size: 20px;
  position: relative;
  height: 130px;
  padding: 10px;
  .netState-list{
    margin-top: 2%;
    display: flex;
    justify-content: space-between;
    height: 30%;
    .netTitle{
      width: 40%;
    }
    .netIcon{
      width: 20%;
      display: flex;
      justify-content: space-between;

    }
  }
}
